<template>
    <div class="index">
        <div class="head">
            <layouthead></layouthead>
        </div>
        <div class="article">
            <router-view></router-view>
        </div>
    </div>
</template>

<script type="text/ecmascript-6">
    import layouthead from './layout/_head.vue'
    export default {
        props : [],
        data(){
            return{

            }
        },
        components:{layouthead}
    }
</script>
<style scoped>
    .index{
        position: relative;
        box-sizing: border-box;
        padding-top:45px;
        height:100%;
    }
    .index .head{
        position: fixed;
        top:0;
        width:100%;
        height:45px;
        background-color: #f1c40f;
    }
    .index .article{
        height:100%;
    }
</style>